@extends('web.layouts.app')

@section('title', trans('seo.default_articles.title'))
@section('keywords', trans('seo.default_articles.keywords'))
@section('description', trans('seo.default_articles.description'))

@section('styles')
<link rel="stylesheet" type="text/css" href="{{ asset('resources/web/css/article.css')}}">
@endsection

@section('content')
<!--public header /-->
<!--container-->
<div class="article-wrap clearfix">
    <!--bread nav-->
    <div class="bread-nav">
        <a href="{{ action('ArticleController@index') }}">首页</a><i>&gt;</i><a href="{{ action("ArticleController@help") }}">常见问题</a><i>&gt;</i><span>{{ $article_category_name }}</span>
    </div>
    <!--bread nav /-->
    <!--article container-->
    <div class="article-container">
        <!--menu-->
        <div class="article-side">
            <ul class="noborder">
                @foreach($article_categories as $article_category)
                    <li {{ $article_category->name==$article_category_name?"class=active":"" }}><a href="{{ action("ArticleController@help",[$article_category->id])}}">{{  $article_category->name }}</a></li>
                    @endforeach
            </ul>
        </div>
        <!--menu /-->
        <div class="article-main help-center-box">
            <div class="help-center-list">
                @foreach($articles as $article)
                    <dl>
                        <dt><a href="{{ action("ArticleController@help_article_info",[$article->id]) }}">{{ str_limit($article->title,50) }}</a></dt>
                        <dd>{{ str_limit($article->description,200) }}</dd>
                    </dl>
                    @endforeach
            </div>
            <div class="article-page com-page-bar">
                <ul class="text-right">

                    {!!$articles->render()!!}
                </ul>
            </div>
        </div>
    </div>
    <!--article container /-->
</div>
<!--container /-->
<!--footer-->
@endsection
